<style>
    .note textarea {
        display: block;
        width: 100%;
        height: 132px;
        min-width: 100%;
        min-height: 132px;
        line-height: 20px;
        border: none;
        box-sizing: border-box;
        color: #666;
        word-wrap: break-word;
    }
</style>
<div class="layui-fluid note">
    <textarea id="note"  placeholder="内容"></textarea>
</div>
<script>
    var admin = layui.admin,
        $ = layui.jquery;
    $("textarea").css("height",$("body").height()-50+"px");
    $("textarea").css("min-height",$("body").height()-50+"px");
    var note = admin.data()['note']
    var value = note === undefined ? '便签中的内容会存储在本地，这样即便你关掉了浏览器，在下次打开时，依然会读取到上一次的记录。是个非常小巧实用的本地备忘录' : note;
    $("textarea").val(value).focus().on('keyup', function(){
        //缓存数据字典
        admin.data(
            {
                key: 'note',
                value: this.value
            }
        );
    });
</script>